
<!DOCTYPE html>
<html lang="en">
 <head>
<meta charset="UTF-8">
<title>dz1－basic</title>
<script src="openseadragon.js"></script>
</head>
<body>
<div id="openseadragon1" style="width: 767px; height: 767px;"></div>
<script type="text/javascript">
(function(win){
	var ts=[];
	for(var i=1; i<=72; i++){
		if(i<10)
			ts[ts.length]="pic/NB002/NB002_0"+i+".xml";
		else
			ts[ts.length]="pic/NB002/NB002_"+i+".xml";
	}
	//ts=["pic/NB002_01.xml","pic/NB002_36.xml"];tileSources: ['pic/xxxx.xml']
    var viewer = OpenSeadragon({
        // debugMode: true,
        id: "openseadragon1",  //容器id
        prefixUrl: "images/", //openseadragon插件资源路径
        tileSources: ts,  //openseadragon 图片资源xml
        sequenceMode: true,
        preserveViewport: true,  
        //preserveOverlays:true,
        //blendTime:0,
        //preserveOverlays:true,
        //debugMode:  true,
        //useCanvas:false,
        //opacity:0.5,
       //immediateRender:true,
       // maxImageCacheCount:5000,
        navPrevNextWrap:true,
        //alwaysBlend:true,
        //showRotationControl:true,
        show360Control:true,
        //b360:true,
        showNavigator:true  //是否显示控制按钮
    });
    console.log(viewer);
})(window);</script>
</body> 